<!--
	作者：2575202388@qq.com
	时间：2019年10月21日22:49:24
	描述：诗词大会排名
-->

<template>
	<Modal title="诗词大会排名" v-model="modal0" width="1200px" footer-hide @onCancel="closemodel">
		<div style="width:100%;">
			<div style="background: #fff;">
				<div style="width:100%;float:left;padding-top: 10px;padding-bottom: 10px;">
					<div style="text-align: right;float:left;line-height:32px;padding-left:10px;">年级：</div>
					<div style="width:12%;float:left;">
						<Input v-model="tj.nj"  clearable  style="width: 90%;float:left;" />
					</div>
					<div style="width:30%;text-align: left;float:left;">
						<Button v-on:click="search()" style="margin-left:1%;background: #ffa500;color:#fff;border:1px solid #ffa500;">搜索</Button>
					</div>
				</div>
			</div>
			<ss :tj="tj" ref="scdhpmss"></ss>
		</div>
	</Modal>
</template>

<script>
	import ss from "./ss";
	export default {
		name: "scdhpm",
		props: {
			//诗词大会id
    		bid:{
    			type: String
    		}
    	},
		data() {
			return {
				tj: {
					bid:'',//诗词大会id	
					nj:'',
				},
				modal0:false
			}
		},
		methods: {
			search(){
				this.$refs.scdhpmss.load();
			}, 
			closemodel(){
				this.modal0=false;
			}
		},
		components: {
			ss
		},
		mounted(){
		},
		watch:{
			modal0(news,olds){
				if(!news){
					this.tj.bid="";
					this.tj.nj="";
				}else{
					this.tj.bid=this.bid;
				}
			}
		},
		computed: {
			
		}
	}
</script>

<style>
</style>